<template>
  <div class="confirm-modal">
      <button @click="isOpen = true">open</button>
      <Teleport to="#foot-container">
          <div v-if="isOpen">
              <p>底部动态打开信息</p>
              <button @click="isOpen = false">close</button>
          </div>
      </Teleport>
  </div>
</template>

<script>
import {ref} from 'vue'
export default {
    setup(){
        return {isOpen: ref(false)}
    }
}
</script>

<style>

</style>template